<!DOCTYPE HTML>
<html class="html">
<head>
    <meta name="viewport"
          content="width=device-width,height=device-height,target-densitydp=device-dpi,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <title>View port demo</title>

    <link rel="stylesheet" type="text/css" href="../css/10010.css"/>
</head>
<body>
<!--head nav-->
<div class="head" style="position:relative;z-index:5;">
    <div class="head_logo">
        <img src="http://img.client.10010.com/mobileService/view/client/wap/images/headLogo.png">
    </div>

    <div class="head_search_box">
        <div class="head_search">
            <img src="http://img.client.10010.com/mobileService/view/client/wap/images/head_searchimg.gif">
            <input class="input" type="text">
        </div>
    </div>

    <div class="head_area" onclick="">
        湖北
    </div>
</div>

<!--ads banner-->
<div>
    <div class="slide ani_slide" onclick="jump('ads','0')">
        <img src="http://m1.ad.10010.com/noticeMag/images/imageUpload//2018-03-19/1521423996891.jpg">
    </div>
    <div class="slide ani_slide" onclick="jump('ads','1')">
        <img src="http://m1.ad.10010.com/noticeMag/images/imageUpload//2017-05-25/1495700808242.jpg">
    </div>

</div>

<!--main choice-->
<ul class="main_choice">
    <li onclick="jump('main','0')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20170225/png/20170225023555.png">
        </p>

        <p>当月话费</p>
    </li>
    <li onclick="jump('main','1')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20150902/png/20150902103351.png">
        </p>

        <p>余量查询</p>
    </li>
    <li onclick="jump('main','2')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20150901/png/20150901161315.png">
        </p>

        <p>手机缴费</p>
    </li>
    <li onclick="jump('main','3')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20150901/png/20150901160339.png">
        </p>

        <p>老用户</p>
    </li>
    <li onclick="jump('main','4')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20160623/png/20160623191915.png">
        </p>

        <p>主副卡</p>
    </li>
    <li onclick="jump('main','5')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20161124/png/20161124171611.png">
        </p>

        <p>电子发票</p>
    </li>
    <li onclick="jump('main','6')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20150901/png/20150901160155.png">
        </p>

        <p>4G专区</p>
    </li>
    <li onclick="jump('main','7')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20150901/png/20150901161614.png">
        </p>

        <p>电话服务</p>
    </li>

</ul>

<!--分类开始-->
<div class="classify_title">
    <i></i>
    <span>便民服务</span>
</div>
<!--分类内容-->
<ul class="main_choice">
    <li onclick="jump('server','0')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20150907/png/20150907184437.png">
        </p>
        <p>找回密码</p>
    </li>
    <li onclick="jump('server','1')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20150907/png/20150907184312.png">
        </p>
        <p>归属地</p>
    </li>
    <li onclick="jump('server','2')">
        <p>
            <img src="http://m1.img.10010.com/resources/7188192A31B5AE06E41B64DA6D65A9B0/20160106/jpg/20160106182855.jpg">
        </p>
        <p>吐槽</p>
    </li>
</ul>

<!--footer-->
<div class="footer">
    <div class="footer_client_choice">
        <a href="http://www.baidu.com">电脑版</a>
        <span>|</span>
        <a href="http://www.tencent.com">手机版</a>
    </div>

    <div class="footer_copyright">
        <p>Copyright © 1999-2018
            中国联通 版权所有</p>
        <p>中华人民共和国增值电信业务经营许可证</p>
        <p>经营许可证编号：A2.B1.B2-20090003</p>
    </div>
</div>

<!--foot nav-->
<div class="foot_nav">
    <ul>
        <li onclick="jump('tab','0')">
            <img src="http://img.client.10010.com/mobileService/view/client/wap/images/index4IconIn.png">
            <br>
            <span>首页</span>
        </li>
        <li onclick="jump('tab','1')">
            <img src="http://img.client.10010.com/mobileService/view/client/wap/images/myServerIconOut.png">
            <br>
            <span>服务</span>
        </li>
        <li onclick="jump('tab','2')">
            <img src="http://img.client.10010.com/mobileService/view/client/wap/images/shoppingIconOut.png">
            <br>
            <span>商城</span>
        </li>
        <li onclick="jump('tab','3')">
            <img src="http://img.client.10010.com/mobileService/view/client/wap/images/myUnicomIconOut.png">
            <br>
            <span>我的</span>
        </li>
        <li onclick="jump('tab','4')">
            <img src="http://img.client.10010.com/mobileService/view/client/wap/images/clientIconOut.png">
            <br>
            <span>客户端</span>
        </li>
    </ul>
</div>

</body>

<script type="text/javascript" src="../js/10010.js"></script>

</html>